﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="ZX.Web.UI.Controls.miniDataGrid" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="/SFramework/boot.js"></script>


    <style type="text/css">
        body {
            padding-left: 10px;
            font-size: 13px;
        }

        h1 {
            font-size: 20px;
            font-family: Verdana;
        }

        h4 {
            font-size: 16px;
            margin-top: 25px;
            margin-bottom: 10px;
        }

        .description {
            padding-bottom: 30px;
            font-family: Verdana;
        }

        .description h3 {
            color: #CC0000;
            font-size: 16px;
            margin: 0 30px 10px 0px;
            padding: 45px 0 8px;
            /*background:url(titleback.png) no-repeat scroll left bottom transparent*/
            border-bottom: solid 1px #888;
        }

        body {
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>

    <!--引入皮肤样式-->
    <link href="/SFramework/miniui/themes/blue/skin.css" rel="stylesheet" />

</head>

<body>
    <div class="mini-splitter" style="width: 100%; height: 100%;">
        <div size="240" showcollapsebutton="true">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">
                <span style="padding-left: 5px;">名称：</span>
                <input class="mini-textbox" />
                <a class="mini-button" iconcls="icon-search" plain="true">查找</a>
            </div>
            <div class="mini-fit">
                <div id="grid2" class="mini-datagrid" style="width: 100%; height: 100%;"
                    borderstyle="border:0;"
                    url="../data/jsondata.aspx?entity=<%=EntityName%>"
                     allowcellselect="true" pagesize="500">
                    <div property="columns">
                         <div field="name" width="120" headerAlign="center" allowSort="true">标题                        
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <div showcollapsebutton="true">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">

                <a class="mini-button" iconcls="icon-add" plain="true" onclick="addRow()">新增</a>
                <a class="mini-button" iconcls="icon-remove" plain="true" onclick="removeRow()">删除</a>
                <span class="separator"></span>
                <a class="mini-button" iconcls="icon-save" plain="true" onclick="saveData()">保存</a>
            </div>
            <div class="mini-fit">
                <div id="grid1" class="mini-datagrid" style="width: 100%; height: 100%;"
                    borderstyle="border:0;"
                    url="../data/jsondata.aspx?entity=<%=EntityName%>&type=1"
                    allowcellselect="true" pagesize="25" allowcelledit="true">
                    <div property="columns">
                        <%=DataFields %>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        mini.parse();
        var grid = mini.get("grid1");
        var grid2 = mini.get("grid2");
        grid2.load();
        grid.load();
    </script>
</body>
<script src="../../Scripts/datagrid/list.common.button.js"  type="text/javascript"></script>
<script src="../../Scripts/common/jquery.action.js"  type="text/javascript"></script>
<script src="../../Scripts/ctrls/jquery.fixed.dialog.js" type="text/javascript"></script>
<script src="../../Scripts/ctrls/jquery.fixed.windows.js" type="text/javascript"></script>
<script src="../../Scripts/app/list/model.<% =EntityName %>.js" type="text/javascript"></script>
</html>
